﻿{ZL.Source id="店铺商品数据源标签"/}<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}_{ZL.Label id="输出指定店铺名称" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}</title>
<meta name="Keywords" content="{SField sid="店铺商品数据源标签" FD="Tagkey" page="0"/}">
{ZL:Boot()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script src="{$CssDir/}js/server.js"></script>
<script src="/js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="{$CssDir/}js/jquery.imagezoom.min.js"></script>
<style>
.bs-header { margin-top:0;}
</style>
</head>
<body>
<div class="container myTop">
<div class="row">
<div class="col-lg-4 col-md-3 col-sm-3 col-xs-12">
<div id="logo"><a href="/" target="_blank"><img src="{$LogoUrl/}" alt="{$SiteName/}" /></a></div>
</div>
<div class="col-lg-7 col-md-3 col-sm-3 col-xs-12">
<div id="TopNavBar">
<ul>
<li class="set_home"><a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{$SiteURL/}');" href="#">设为首页</a></li>
<li class="havior"><a href="javascript:window.external.addFavorite('{$SiteURL/}','{$SiteName/}');">加入收藏</a></li>
<li class="non"><a href="/user/">登录</a></li>
<li class="non"><a href="/user/Register">注册</a></li> 
<li class="non">{ZL:Big5()/}</li> 
</ul>
</div>
<form action="/search/SearchList" method="get" >
<div class="pull-right searchtxt">
<div class="input-group pull-right" style="width:200px;">
<input name="keyword" type="text" id="TxtKeyword" class="form-control" placeholder="全站搜索" style="width:150px;" />
<span class="input-group-btn">
<input type="submit" name="Button1" value="搜索" id="Button1" class="btn btn-default" />
</span>
</div>
</div>
</form>
</div>
</div>
</div>

<div class="relative">
<nav class="navbar navbar-default usershop_nav" role="navigation" id="usershop_nav">
<div class="container padding0_lg">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">智能切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand visible-xs" href="/Store/StoreIndex?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">{ZL.Label id="输出指定店铺名称" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/Store/StoreIndex?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺首页</a></li>
<li id="usershop_node128"><a href="{ZL:GetNodeLinkUrl(128)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">公司介绍</a></li>
<li id="usershop_node124"><a href="{ZL:GetNodeLinkUrl(124)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺公告</a></li>
<li id="usershop_node3"><a href="{ZL:GetNodeLinkUrl(3)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺商品</a></li>
<li id="usershop_node125"><a href="{ZL:GetNodeLinkUrl(125)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">促销信息</a></li>
<li id="usershop_node127"><a href="{ZL:GetNodeLinkUrl(127)/}?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">人才招聘</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- 导航到此结束 -->
<div class="bs-header">
<div class="container">
<h1>{ZL.Label id="输出指定店铺名称" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}</h1>
<p>脚比路更长+服务到现场+智慧的思想....</p>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-3 col-md-3 col-xs-12">
{ZL.Label id="输出指定店铺左侧信息" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
{ZL.Label id="循环输出店铺节点列表" NodeID="3" /}
</div>
</div>

<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div class="mySites margintop10">
<ul class="breadcrumb">
<li><a href="/Store/StoreIndex?id={SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}">店铺首页</a></li>
{ZL.Label id="输出多级店铺节点导航_V4" NodeID="{SField sid="店铺商品数据源标签" FD="NodeID" page="0"/}" ShowNum="30" UserShopID="{SField sid="店铺商品数据源标签" FD="UserShopID" page="0"/}" /}
<li class="active">商品详情</li>
</ul>
</div>

<div class="row margintop10">
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="box">
<div class="tb-booth tb-pic tb-s310">
<a href='{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}'><img src='{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}' alt='{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}' rel='{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}' class="jqzoom" alt="{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}" /></a>
</div>
<div class="row">
<ul class="tb-thumb list-unstyled" id="thumblist">
<li class="col-lg-2 col-md-2 col-sm-2 col-xs-2 tb-selected"><div class="tb-pic tb-s40"><a href="javascript:;"><img src="{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}" mid="{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}" big="{ZL:GetPicUrl({SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/})/}" alt="{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}"></a></div></li>
<script>
var pics='{SField sid="店铺商品数据源标签" FD="pics" page="0"/}';
var jsonstr=JSON.parse(pics);
if(jsonstr.length>0)
{
	for(i=0;i<jsonstr.length;i++)
	{
		document.write('<li class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><div class="tb-pic tb-s40"><a href="javascript:;"><img src="/UploadFiles/'+jsonstr[i].url+'" mid="/UploadFiles/'+jsonstr[i].url+'" big="/UploadFiles/'+jsonstr[i].url+'" alt="'+jsonstr[i].desc+'"></a></div></li>');
	}
}
</script>
</ul>
</div>
</div>


</div>
<div  class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
<h1>{SField sid="店铺商品数据源标签" FD="Proname" page="0"/}</h1>
<div class="main_con">
<span><img src="{$CssDir/}Images/inco_1.gif"> 编号:{SField sid="店铺商品数据源标签" FD="ProCode" page="0"/}</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 品牌:{ZL.Label id="获取店铺商品品牌" TradeID="{SField sid="店铺商品数据源标签" FD="brand" page="0"/}" /}</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 库存:{SField sid="店铺商品数据源标签" FD="stock" page="0"/}{SField sid="店铺商品数据源标签" FD="Prounit" page="0"/}</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 零售价:{ZL:GetMoney({SField sid="店铺商品数据源标签" FD="ShiPrice" page="0"/},2,1)/}元 </span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 会员价:{ZL:GetMoney({SField sid="店铺商品数据源标签" FD="LinPrice" page="0"/},2,1)/}元</span><br/>
</div>
<span><img src="{$CssDir/}Images/inco_1.gif"> 颜色：
<script>    
str='{SField sid="店铺商品数据源标签" FD="color" page="0"/}'; //这是一字符串
var strs = new Array();
strs = str.split(",");
for (n = 0; n < strs.length ; n++)
{
	document.write("<a href='javascript:void(0)' class='normal' id='color" + n + "' onclick=changcolor('" + strs[n] + "','" + n + "')>" + strs[n] + "</a>");    //分割后的字符输出
}
</script>
</span><br/>
<span><img src="{$CssDir/}Images/inco_1.gif"> 尺寸：
<script>    
str='{SField sid="店铺商品数据源标签" FD="size" page="0"/}'; //这是一字符串
var strs= new Array(); //定义一数组
strs=str.split(","); //字符分割 
for (i=0;i<strs.length ;i++ )    
{    //分割后的字符输出
	document.write("<a href='javascript:void(0)' class='normal' id='size"+i+"' onclick=changUrl('"+strs[i]+"','"+i+"')>"+strs[i]+"</a>");    //分割后的字符输出
} 
</script> 
</span>
<div class="to_buy"> 你已选择：<span id="colors"></span><span id="sizes"></span>
<form id="form" name="form" method="post" action="/Cart/Cart.aspx" style="margin-bottom:10px;">
<input name="id" type="hidden" id="id" value="{SField sid="店铺商品数据源标签" FD="ID" page="0"/}" />
我要买 <a href="javascript:;" class="J_minus">-</a>
<input name="Pronum" type="text" id="Pronum" value="1" class="J_input" />
<a href="javascript:;" class="J_add">+</a>{SField sid="店铺商品数据源标签" FD="Prounit" page="0"/}
<div style="display:none">
<input type="submit" name="button" id="buttons" value="提交" />
</div>
<input name="Attribute" id="Attribute"  type="hidden" value="">
</form>
<input name="color" value="" id="color" type="hidden" />
<input name="size" value="" id="size" type="hidden" />
<button type="button" onClick="subm()" class="btn btn-danger"><i class="fa fa-shopping-cart"></i> 立即购买</button>
<button type="button" onClick="AddCart()" class="btn btn-danger"><i class="fa fa-plus-square"></i> 加入购物车</button>
<a onclick="addfav()" href="javascript:;" class="btn btn-link"><i class="fa fa-eye"></i> 关注商品</a>
</div>
</div>
</div>
<!--内容主体开始 -->
<ul class="nav nav-tabs margintop10">
<li class="active"><a href="#home" data-toggle="tab">商品详细</a></li>
<li><a href="#profile" data-toggle="tab">按参数购买</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="home">{SField sid="店铺商品数据源标签" FD="Procontent" page="0"/} </div>
<div class="tab-pane" id="profile">
<div style="display:none">
<form id="form" name="formw" method="post" action="/ShopCar.aspx" runat="server" target="_blank">
商品页网址
<input type="text" id="ProUrl" name="ProUrl" value="/Shop.aspx?ID={$GetRequest(ItemID)$}"/>
<br>
商品名称
<input type="text" id="Proname" name="Proname" value="{SField sid="店铺商品数据源标签" FD="ProName" page="0"/}"/>
商品价格
<input type="text" id="Wholesaleone" name="Wholesaleone" value="{ZL:GetMoney({SField sid="店铺商品数据源标签" FD="LinPrice" page="0"/},2,1)/}" />
商品数量
<input type="text" id="Stock" name="Stock"  value="1" />
商品类型
<input type="text" id="ProClass" name="ProClass" value="1" />
您的备注
<input type="text" id="Proinfo" name="Proinfo" value="备注" />
商品属性
<input type="text" id="Attribute2" value="属性"   />
商品图片地址
<input type="text" id="Thumbnails" name="Thumbnails" value="{SField sid="店铺商品数据源标签" FD="Thumbnails" page="0"/}" />
<input type="submit" name="button" id="button" value="提交" />
<br>
</form>
</div>
<div id="priceC"></div>
</div>

</div>   
<script>
var strval='{SField sid="店铺商品数据源标签" FD="Nums" page="0"/}';
strval=strval.split(','); 
for(var i=0;i<strval.length;i++){
strval[i]=strval[i].split('|');
if(strval[i].length>1){
document.getElementById("priceC").innerHTML+=strval[i][0]+"|价格:<input type='hidden' name='price' id='price"+i+"' value='"+strval[i][1]+"'>"+strval[i][1]+"<input type='text' name='num' id='num"+i+"' value='1' >件<input type='button' class='gopay' id='buttons"+i+"' onclick='putval("+i+")' value='购买'><br>";
}; 
}
function putval(num){
document.getElementById("Stock").value=document.getElementById("num"+num).value;//赋予购物表单中商品数量值
document.getElementById("Wholesaleone").value=document.getElementById("price"+num).value;//赋予购物表单中商品价格值
formw.submit();//提交name为formw的form表单
}
</script> 
<!--右 --> 
<div class="iframe_comm" id="iframe_comm">
<iframe id="comm_ifr" scrolling="no" onload="IfrAutoHeight();" src='/User/Order/ShareList?ProID={SField sid="店铺商品数据源标签" FD="ID" page="0"/}' style="width:100%;" align="middle" frameborder="0"></iframe>
<script type="text/javascript" src="/JS/Modal/APIResult.js"></script>
<script>
	function commentAnchor() { $("html,body").animate({ scrollTop: $("#iframe_comm").offset().top - 100 }, 300); }
	function IfrAutoHeight() { var $ifr = $("#comm_ifr"); $ifr.height($ifr.contents().height()); }
	function addfav() {
	    $.post("/API/mod/collect.ashx", {action:"add",favurl:"/Shop.aspx?itemid={SField sid="店铺商品数据源标签" FD="ID" page="0"/}",infoid:"{SField sid="店铺商品数据源标签" FD="ID" page="0"/}",type:2,title:"{SField sid="店铺商品数据源标签" FD="Title" page="0"/}"},function(data){
	    var model=JSON.parse(data);
	    if(APIResult.isok(model)){
	        alert("收藏成功!");
	    }else{
	        alert("收藏失败!原因:"+model.retmsg);
	    }
	});
	}
</script>
</div>

</div>
</div>

</div>



 

{ZL.Label id="响应式全站底部"/}
</body>
</html>
<script>
//检测固顶事件
var IO=document.getElementById('usershop_nav'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
    IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
        ".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
    var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
     if(s>H&&IO.fix||s<=H&&!IO.fix)return;
    if(!IE6)IO.style.position=IO.fix?"":"fixed";        
    IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
 //]]>

//兼容wp8
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement("style");
  msViewportStyle.appendChild(
    document.createTextNode(
      "@-ms-viewport{width:auto!important}"
    )
  );
  document.getElementsByTagName("head")[0].
    appendChild(msViewportStyle);
}
$().ready(function(e) {
	$("#usershop_node3").addClass("active");
	$("#accordion .panel:nth-child(1) .panel-collapse").addClass("in");
});
//商品图片切换 
$(document).ready(function(){
	$(".jqzoom").imagezoom();
	$("#thumblist li a").click(function(){
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
		$(".jqzoom").attr('src',$(this).find("img").attr("mid"));
		$(".jqzoom").attr('rel',$(this).find("img").attr("big"));
	});
	$(".tese_l>ul>li").click(function(){
		$(this).find("ul").slideToggle();
	})
});

function changUrl(n,a){
for (var i=0;i<20;i++){

if(i==a&&document.getElementById("size"+i).className=='normal'){
document.getElementById("size"+i).className='active';
$("#size").val(n);
$("#sizes").html(n); 

} 
else if(i==a&&document.getElementById("size"+i).className=='active'){
document.getElementById("size"+i).className='normal';
$("#size").val("");
$("#sizes").html(""); 

}
else{
document.getElementById("size"+i).className='normal';
$("#size").val(n);
$("#sizes").html(n); 
}
}}
function changcolor(n,b) {
for (var i=0;i<20;i++){
if(i==b&&document.getElementById("color"+i).className=='normal'){
document.getElementById("color"+i).className='active';
$("#color").val(n);
$("#colors").html(n); 

} 
else if(i==b&&document.getElementById("color"+i).className=='active'){
document.getElementById("color"+i).className='normal';
$("#color").val("");
$("#colors").html(""); 
}

else{
document.getElementById("color"+i).className='normal';
$("#color").val(n);
$("#colors").html(n); 
}
}
}
function subm() {
switch ('{SField sid="店铺商品数据源标签" FD="ProClass" page="0"/}') {
case "7":
case "8":
BeginSubmit();
break;
default:
document.getElementById("Attribute").value = "color:" + document.getElementById("color").value + ",size:" + document.getElementById("size").value;
document.forms[1].submit();
break;
}
}


function BeginSubmit() {
var d = new Date();
var time = d.getFullYear() + "/" + d.getMonth() + (d.getDate() + 1);
var arr = [];
arr.push({ ProID: '{SField sid="店铺商品数据源标签" FD="ID" page="0"/}', GoDate: time, Pronum: $('#Pronum').val(), Remind: "" });
location = "/Cart/Form/Passengers.aspx?pros=" + JSON.stringify(arr);
}
/*商品加减*/
$.fn.iVaryVal=function(iSet){
iSet=$.extend({Minus:$('.J_minus'),Add:$('.J_add'),Input:$('.J_input'),Min:0,Max:20,Fun:null},iSet);
var C=null,O=null;
//输出值全局对象[若担心全局对象污染，可定义一个hidden表单，向其传值]
$GLOBAL={};
//增加
iSet.Add.each(function(i){
$(this).click(function(){
O=parseInt(iSet.Input.eq(i).val());
(O+1<=iSet.Max) || (iSet.Max==null) ? iSet.Input.eq(i).val(O+1) : iSet.Input.eq(i).val(iSet.Max);
//输出当前改变后的值
$GLOBAL.val=iSet.Input.eq(i).val();
$GLOBAL.index=i;
//回调函数
if (typeof iSet.Fun == 'function') {
    iSet.Fun.call(this);
}
});
});
//减少
iSet.Minus.each(function(i){
$(this).click(function(){
O=parseInt(iSet.Input.eq(i).val());
O-1<iSet.Min ? iSet.Input.eq(i).val(iSet.Min) : iSet.Input.eq(i).val(O-1);
$GLOBAL.val=iSet.Input.eq(i).val();
$GLOBAL.index=i;
//回调函数
if (typeof iSet.Fun == 'function') {
    iSet.Fun.call(this);
}
});
});
//手动
iSet.Input.bind({
'click':function(){
O=parseInt($(this).val());
$(this).select();
},
'keyup':function(e){
if($(this).val()!=''){
    C=parseInt($(this).val());
    //非负整数判断
    if(/^[1-9]\d*|0$/.test(C)){
        $(this).val(C);
        O=C;
    }else{
        $(this).val(O);
    }
}
//键盘控制：上右--加，下左--减
if(e.keyCode==38 || e.keyCode==39){
    iSet.Add.eq(iSet.Input.index(this)).click();
}
if(e.keyCode==37 || e.keyCode==40){
    iSet.Minus.eq(iSet.Input.index(this)).click();
}
//输出当前改变后的值
$GLOBAL.val=$(this).val();
$GLOBAL.index=iSet.Input.index(this);
//回调函数
if (typeof iSet.Fun == 'function') {
    iSet.Fun.call(this);
}
},
'blur':function(){
$(this).trigger('keyup');
if($(this).val()==''){
    $(this).val(O);
}
//判断输入值是否超出最大最小值
if(iSet.Max){
    if(O>iSet.Max){
        $(this).val(iSet.Max);
    }
}
if(O<iSet.Min){
    $(this).val(iSet.Min);
}
//输出当前改变后的值
$GLOBAL.val=$(this).val();
$GLOBAL.index=iSet.Input.index(this);
//回调函数
if (typeof iSet.Fun == 'function') {
    iSet.Fun.call(this);
}
}
});
}
//调用
$( function() {


$('.i_box').iVaryVal({Fun:function(){

}});
});
function AddCart()
{
if($("#Pronum").val()>0)
{
$.post("/Cart/Cart.aspx?ID="+$("#id").val()+"&Pronum="+$("#Pronum").val());
alert("加入购物车成功！")
}
else
alert("商品数量不正确！");
}
</script>